const SettingTab = ({ title, children, checked }) => (
  <>
    <input
      type="radio"
      name="settings"
      class="tab"
      aria-label={title}
      defaultChecked={checked}
    />
    <div class="tab-content bg-base-100 max-h-[68dvh] min-h-[68dvh] overflow-y-scroll">
      {children}
    </div>
  </>
);

export default SettingTab;
